<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="../fonts/iconfont.css">
    <link rel="stylesheet" href="../css/detail.css">
    <script src="../Jquery/jquery-min.js"></script>
    <title>详情页</title>
</head>
<body>
    <!-- 顶部部分 -->
    <div class="top">
        <div class="top1">
            <div class="top1-1">
                <a href="./index.html" style="color: white;"><span>首页</span></a>

                <span>|</span>
                <span>华为官网</span><span>|</span>
                <span>花粉俱乐部</span><span>|</span>
                <span>V码（优购码）</span><span>|</span>
                <span>企业购</span><span>|</span>
                <span>Select Region</span><span>首页</span>
                <span class="span1">
                    更多精彩
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
            </div>
            <div class="top1-2">
                <span>请登录</span><a href="./login.html" style="color: wheat;"><span>注册</span></a>
                <span class="top1-2-3">退出登录</span><span>|</span>
                <span class="span2">客户服务
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">网站导航
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">手机版
                    <span class="iconfont icon-xiajiantou1"></span>
                </span>
                <span class="span2">Select Region</span>

                <span style="background-color: rgb(19, 9, 9);" class="span2">
                    <span class="iconfont icon-gouwuche"></span>
                    购物车(0)</span>
            </div>
        </div>
    </div>


    <!-- logo部分 -->
    <div class="logo">
        <div class="logo1">
            <div class="logo1-1">
                <img src="../img/shopping.jpg">
            </div>
            <div class="logo1-2">
                <span>
                    <span class="iconfont icon-fenlei"></span>
                    全部分类</span>
                <span>华为专区</span>
                <span>莫塞尔</span>
                <span>华为智选</span>
                <span>鸿蒙智联</span>
                <span>HarmonyOS</span>
            </div>
            <form class="logo1-3">
                <input type="text" placeholder="nove9 p50">
                <span class="iconfont icon-ic_search24px"></span>
                <ul class="logo1-3-1">
                    <li>1</li>
                    <li>2</li>
                    <li>3</li>
                    <li>4</li>
                    <li>5</li>
                    <li>6</li>
                    <li>7</li>
                    <li>8</li>
                </ul>
            </form>
        </div>
    </div>

    <div class="d">
        <!-- <p> <a href="./index.html">首页</a> > <a href="./list.html">手机</a> > HUAWEI nova系列 > HUAWEI nova 9 SE 8GB+256GB 4G 全网通版（冰晶蓝）</p> -->
    </div>
    <!-- 布局结构 -->
    <!-- 整个放大镜区域 -->
     <!-- <div class="p">  -->
        <!-- <div class="box" id="box1">

          
            <div class="show">
                <img src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" alt="">
    
               
                <div class="mask"></div>
            </div>
    
           
            <div class="list">
                <img class="active" src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" data-show="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" data-bg="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" alt="">
    
                <img src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/group/800_800_4683EEF4F2924E020668ED4B52D00584.png" data-show="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/group/800_800_4683EEF4F2924E020668ED4B52D00584.png" data-bg="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/group/800_800_4683EEF4F2924E020668ED4B52D00584.png" alt="">
            </div>
    
            <div class="enlarge" style="z-index: 999;">
                <img src="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" data-show="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" data-bg="https://res.vmallres.com/pimages/uomcdn/CN/pms/202203/gbom/6941487250936/800_800_FE79F45A5220CDC8E78182E4BE79BB7Cmp.png" alt="">
            </div>
        </div> -->
        <!-- <div class="introduce"> -->
            <!-- <p>HUAWEI nova 9 SE 8GB+256GB 4G 全网通版（冰晶蓝）</p> -->
            <!-- <p>【现货速发 -nova 9 SE】①双3200万前置Vlog镜头②搭载HarmonyOS 2③100W超级快充，点击参与购买>></p> -->
            <!-- <P class="price">
                <span>价格</span><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp￥</span><span>988</span>
            </P>
            <P>
                <span style="font-size: 16px;">促销&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style="border: 1px solid red;color: red;padding: 2px;">赠送积分</span><span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp购买即赠商城积分，积分可抵现~</span>
            </P>
            <P>
                <span style="font-size: 16px;">服务说明&nbsp&nbsp&nbsp&nbsp&nbsp</span><span>已满48元包邮,由华为终端提供商品、发货开票及售后服务 &nbsp&nbsp&nbsp <span style="color: aqua;cursor: pointer;">查看详情</span> </span><br>
            </P>
            <p>
                <span style="font-size: 16px;">商品编码&nbsp&nbsp&nbsp&nbsp&nbsp</span><span>4008208820</span>
            </p>
            <p>
                <span style="font-size: 16px;">选择颜色&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style="border: 1px solid red;color: red;padding: 5px;cursor: pointer;">orange</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span style="border: 1px solid red;color: red;padding: 5px;cursor: pointer;">orange</span>&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp<span style="border: 1px solid red;color: red;padding: 5px;cursor: pointer;">orange</span>
            </p>
            <p>
                <span style="font-size: 16px;">保障服务&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style="font-size: 16px;">华为无忧服务￥299</span>&nbsp&nbsp&nbsp&nbsp&nbsp<span style="font-size: 16px;">延长服务宝服务￥199</span>
            </p>
            <p>
                <span style="font-size: 16px;">已选择商品&nbsp&nbsp&nbsp&nbsp&nbsp</span><span style="color: red;">HUAWEI P50 Pro 骁龙888 4G全网通 8GB+256G 星河蓝</span>
            </p> -->
          
            <!-- <div class="shopping"> -->
                <!-- <div class="d1"> -->
                    <div class="quantity1">
                        1
                    </div>
                    <!-- <div class="quantity2">
                        <button class="quantity2_1">+</button>
                        <button class="quantity2_2">-</button>
                    </div>
                </div>
                <div class="d2" >加入购物车</div>
                <div class="d3">立即下单</div> -->
            <!-- </div> -->
        <!-- </div>        -->
    <!-- </div> -->
    
    <div class="d4">
        <div class="d5">
            <span>恭喜你成功将HUAWEI P50 Pro 骁龙888 4G全网通 8GB+256G 星河蓝加入购物车！</span>
            
           <div class="d6">
            
                <div class="d6_1"><a href="./list.html">在逛逛</a></div>
           
          
                <div class="d6_2"> <a href="./cart.html">前往购车物</a>

                </div>
           
           </div>
           
            
        </div>
    </div> 
   
</div>
    
</body>
</html>
<script src="../js/data.js"></script>
<script src="../js/detail.js"></script>
<script>
    let e = new Enlarge('#box1')
           // console.log(e);
</script>
